<template>
 <div>
  用户名:<input v-model="username" type="text"><br>
  姓名:<input v-model="user.name" type="text">
  年龄:<input v-model="username" type="text">

 </div>
</template>
<script>
export default {
 data() {
 return {
  username:'',
  user:{
    name:'',
    age:''
  }
 }
 },
 //侦听器/监听器
 watch: {
  //语法:要侦听的数据(newVal,oldVal){}
  username(newVal,oldVal){
    console.log(newVal,oldVal);
  },
  user:{
    handler(){
      //注意事项:zaivue2中,newVal和oldval是一样的,这是一个官方bug
      console.log(this.user);//跟人比较喜欢直接访问数,不接受参数
    },
    deep:true,//深度侦听
    immediate:true//立即执行
  }
 }
}
</script>
<style lang="less" scoped>

</style>
